今天來說要如何在html中寫出icon
首先將以下程式碼貼在html檔的head裡面
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
接下來直接示範使用方法
<i class="fas fa-star"></i>
"fas fa-star"是這個icon的代碼，如果要查詢其他icon的代碼可以到這個網站https://fontawesome.com/v5.15/icons?d=gallery&p=2
網頁顯示的效果如下
icon與文字一樣可以改變大小及顏色，我在css中輸入
.fa-star{
font-size:50px;
color: aquamarine;
}
則會有以下效果
iThome鐵人賽
看影片追技術